<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>766智能家网上商城 - 766 SMART HOME</title>

    <link href="resources/shop/css/bootstrap.min.css" rel="stylesheet">
    <link href="resources/shop/css/common_tmp.css" rel="stylesheet">
    <link href="resources/shop/css/head.css" rel="stylesheet">
    <link href="resources/shop/css/home.css" rel="stylesheet">
    <link href="resources/shop/css/footer.css" rel="stylesheet">

    <!--[if lt IE 9]>
    <script type="text/javascript" src="resources/shop/js/html5shiv.js""></script>
    <
    script
    type = "text/javascript"
    src = "resources/shop/js/respond.min.js" ></script>
    <![endif]-->

    <script type="text/javascript" src="resources/shop/js/jquery.js"></script>
    <script type="text/javascript" src="resources/shop/js/common.js"></script>
    <script type="text/javascript" src="resources/shop/js/common_another.js"></script>
    <script type="text/javascript" src="resources/shop/js/public.js"></script>
</head>
<body>

[#include "shop/include/ng_header.ftl" /]

<!--产品分类和图片滚动条-->
<div class="container">
    <div class="col-sm-12 col-md-12 col-lg-12" id="classify-nav">
        <div class="col-xs-0 col-sm-0 col-md-0 col-lg-2 hidden-md hidden-sm hidden-xs" id="navbar-left-list">
            <ul class="list-group">
                <li class="list-group-item"><h4>全部产品分类</h4></li>
            [@scheme_type_root_list]
                [#list schemeTypes.schemeTypesRootList as type]
                    <li class="dropdown">
                        <a id="drop1" class="dropdown-toggle" data-toggle="dropdown" role="button"
                           aria-haspopup="true" aria-expanded="false" onclick="scrollToId('${type.id}');">
                        ${type.title}
                            <span class="text-right">></span>
                        </a>
                        [#if type.id == 14]
                            <ul class="dropdown-menu" aria-labelledby="drop2">
                                [#list schemeTypes.brands_warms as brands_warm]
                                    <li>
                                        <a href="${base}/shop/scheme/list.jhtml?pageSize=10&type=${type.id}&brandId=${brands_warm.id}">${brands_warm.name}</a>
                                    </li>

                                [/#list]
                            </ul>
                        [/#if]
                        [#if type.id == 105]
                            <ul class="dropdown-menu" aria-labelledby="drop2">
                                [#list schemeTypes.brands_acs as brands_ac]
                                    <li>
                                        <a href="${base}/shop/scheme/list.jhtml?pageSize=10&type=${type.id}&brandId=${brands_ac.id}">${brands_ac.name}</a>
                                    </li>
                                [/#list]
                            </ul>
                        [/#if]
                    </li>
                [/#list]
            [/@scheme_type_root_list]

            [#assign t=0 /]
            [@product_category_root_list count = 8]
                [#assign t=t+1 /]
                [#list productCategories as rootProductCategory]
                    [#if rootProductCategory.id!=79]
                        [#if rootProductCategory.id!=82]
                            <li class="dropdown">
                                <a id="drop1" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                   aria-haspopup="true" aria-expanded="false"
                                   onclick="scrollToId('${rootProductCategory.id}');">
                                ${rootProductCategory.name}
                                    <span class="text-right">></span>
                                </a>
                                <ul class="dropdown-menu" aria-labelledby="drop2">
                                    [#list rootProductCategory.getBrands() as brand]
                                        <li>
                                            <a href="${rootProductCategory.path}?brandId=${brand.id}&pageSize=10">${brand.name}</a>
                                        </li>
                                    [/#list]
                                </ul>
                            </li>
                            [#if t == 10][#break][/#if]
                        [/#if]
                    [/#if]
                [/#list]
            [/@product_category_root_list]


            </ul>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-10" id="navbar-right-pic">
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    [#list adSet as ad]
                            <li data-target="#carousel-example-generic" data-slide-to="${ad_index}"
                                [#if ad_index==0]class="active"[/#if]></li>
                    [/#list]
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    [#list adSet as ad]
                        <div [#if ad_index==0]class="item active"[#else]class="item"[/#if]>
                            <a href="${ad.url}">
                                <img src="${ad.path}" alt="${ad.title}">
                            </a>
                            <div class="carousel-caption">
                                <!--空调-->
                            </div>
                        </div>
                    [/#list]
                [#--<div class="item active">--]
                [#--<a href="/product/list/82.jhtml">--]
                [#--<img src="/resources/shop/images/home_scroll_ad1.jpg" alt="立式空调">--]
                [#--</a>--]
                [#--<div class="carousel-caption">--]
                [#--<!--空调-->--]
            [#--</div>--]
                [#--</div>--]
                [#--<div class="item">--]
                [#--<a href="/product/list/79.jhtml">--]
                [#--<img src="/resources/shop/images/home_scroll_ad2.jpg" alt="立式空调">--]
                [#--</a>--]
                [#--<div class="carousel-caption">--]
                [#--<!--...-->--]
            [#--</div>--]
                [#--</div>--]
                [#--<div class="item">--]
                [#--<a href="/product/list/84.jhtml">--]
                [#--<img src="/resources/shop/images/home_scroll_ad3.jpg" alt="立式空调">--]
                [#--</a>--]

                [#--<div class="carousel-caption">--]
                [#--<!--...-->--]
            [#--</div>--]
                [#--</div>--]
                </div>


                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"><</span>
                    <span class="sr-only">前</span>
                </a>
                <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true">></span>
                    <span class="sr-only">后</span>
                </a>
            </div>
        </div>
    </div>
</div>
<!--门店定位及理念描述-->
<div class="col-sm-12 col-md-12 col-lg-12" id="posi-and-introduce">
    <div class="col-sm-12 col-md-12 col-lg-12 black-slip"></div>
    <!--这里是黑条-->
    <div class="middle-introduce">         <!--实际内容的盒子-->
        <p class="text-center">快速·果断·准确·周到·彻底</p>

        <p class="text-center">QUICK:DECISIVE:ACCURATE:CONSIDERATE:THROUGH</p>
    </div>
    <div class="" id="mendian-dingwei">
        <div class="text-center">
            <!--<img src="/resources/shop/images/dingwei_tran_black%20.png">-->
            <p>成都北富森</p>
        </div>
        <div class="text-center">
            <!--<img src="/resources/shop/images/dingwei_tran_black%20.png">-->
            <p>成都南富森</p>
        </div>
        <div class="text-center">
            <!--<img src="/resources/shop/images/dingwei_tran_black%20.png">-->
            <p>绵阳市</p>
        </div>
        <div class="text-center">
            <!--<img src="/resources/shop/images/dingwei_tran_black%20.png">-->
            <p>德阳市</p>
        </div>
        <div class="text-center">
            <!--<img src="/resources/shop/images/dingwei_tran_black%20.png">-->
            <p>&nbsp;&nbsp;更多...</p>
        </div>
    </div>
    <div class="hidden-xs" id="four-introduce">
        <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
            <img src="/resources/shop/images/19.png">
        </div>
        <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
            <img src="/resources/shop/images/20.png">
        </div>
        <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
            <img src="/resources/shop/images/21.png">
        </div>
        <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
            <img src="/resources/shop/images/22.png">
        </div>
    </div>
</div>


<div class="col-sm-12 col-md-12 col-lg-12" id="popular-goods_container">
    <div class="col-xs-12 hidden-sm hidden-md hidden-lg classified-goods-title">
        <div class="container">
            <div class="classified-goods-title-left">
                <span>爆款商品</span>
            </div>
            <div class="classified-goods-title-angle">
                <!--此处放图片-->
            </div>
            <div class="classified-goods-title-right">
                <p><a href="/shop/scheme/list.jhtml?type=14" target="_blank">查看更多... ...</a></p>
            </div>
        </div>
    </div>
    <div class="container">
        <!--爆款商品部分-->
        <div class="col-sm-12 col-md-12 col-lg-12" id="popular-goods">
            <div class="hidden-xs col-sm-2 col-md-2 col-lg-2">
                <p>NEW</p>

                <p>BEST-SELLING</p>

                <p>热卖款</p>
                <a href="#">查看更多... ...</a>
            </div>
            <div class="col-xs-12 col-sm-10 col-md-10 col-lg-10">
                <div id="carousel-example-generic2" class="carousel slide" data-ride="carousel">
                    <!-- Indicators -->
                    <ol class="carousel-indicators hidden-xs">
                        <li data-target="#carousel-example-generic2" data-slide-to="0" class="active"></li>
                        <li data-target="#carousel-example-generic2" data-slide-to="1"></li>
                    </ol>

                    <!-- Wrapper for slides -->
                    <div class="carousel-inner" role="listbox" id="popular-goods-union">
                        <div class="item active">
                        [#if pageGoods.content?has_content]
                            [#list pageGoods.content?chunk(4) as row]
                                [#list row as product]
                                    <div class="popular-goods-info">
                                        <a href="${base}${product.path}" target="_blank">
                                            <div class="popular-goods-image">
                                                <img src="[#if product.image??]${product.image}[#else]${setting.defaultThumbnailProductImage}[/#if]">
                                            </div>
                                        </a>
                                        <div class="popular-goods-scheme">
                                            <span> ${abbreviate(product.name, 60)}<!--商品的规格信息--></span>
                                        </div>
                                        <div class="popular-goods-price">
                                    <span>爆款价&nbsp;${currency(product.price, true)}
                                        [#if setting.isShowMarketPrice]
                                            [#if product.productCategory??]
                                                [#if product.productCategory.name=="特惠活动"]
                                                    <del>${currency(product.marketPrice, true)}</del>
                                                [/#if]
                                            [/#if]
                                        [/#if]
                                    </span>
                                        </div>
                                    </div>
                                [/#list]
                                [#break]
                            [/#list]
                        [#else]
                        ${message("shop.product.noListResult")}
                        [/#if]
                        </div>

                        <div class="item">
                        [#if pageScheme.content?has_content]
                            [#list pageScheme.content?chunk(4) as row]
                                [#list row as product]
                                    <div class="popular-goods-info">
                                        <a href="/shop/scheme/content.jhtml?id=${product.id}" target="_blank">
                                            <div class="popular-goods-image">
                                                <img src="[#if product.image??]${product.image}[#else]${setting.defaultThumbnailProductImage}[/#if]">
                                            </div>
                                        </a>
                                        <div class="popular-goods-scheme">
                                            <span> ${abbreviate(product.name, 60)}<!--商品的规格信息--></span>
                                        </div>
                                        <div class="popular-goods-price">
                                    <span>爆款价&nbsp;${currency(product.price, true)}
                                        [#if setting.isShowMarketPrice]
                                            [#if product.productCategory??]
                                                [#if product.productCategory.name=="特惠活动"]
                                                    <del>${currency(product.marketPrice, true)}</del>
                                                [/#if]
                                            [/#if]
                                        [/#if]
                                    </span>
                                        </div>
                                    </div>
                                [/#list]
                                [#break]
                            [/#list]
                        [#else]
                        ${message("shop.product.noListResult")}
                        [/#if]
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!--******方案部分******-->


[@scheme_type_root_list]
    [#list schemeTypes.schemeTypesRootList as type]
    <div class="col-sm-12 col-md-12 col-lg-12 classified-goods" id="${type.id}">
        <div class="col-sm-12 col-md-12 col-lg-12 classified-goods-title">
            <div class="container">
                <div class="classified-goods-title-left">
                    <span>${type.title}</span>
                </div>
                <div class="classified-goods-title-angle">
                    <!--此处放图片-->
                </div>
                <div class="classified-goods-title-right">
                    <p><a href="${base}/shop/scheme/list.jhtml?type=${type.id}" target="_blank">查看更多... ...</a></p>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="col-sm-12 col-md-12 col-lg-12 classified-goods-list">
                [#assign m=0 /]
                [#list schemeTypes.schemes as scheme]
                    [#if type.id == scheme.type]
                        [#assign m=m+1 /]
                        <div class="classified-goods-info">
                            <!--${base}${product.path}-->  <!--商品链接-->
                            <a href="${base}/shop/scheme/content.jhtml?id=${scheme.id}" target="_blank">
                                <div class="classified-goods-img">
                                    <img src="${scheme.image}	">
                                </div>
                            </a>
                            <div>
                                <div class="classified-goods-detail">
                                    <p> ${scheme.name}    <!--商品的规格信息--></p>
                                </div>
                            </div>
                            <div>
                                <div class="classified-goods-price">
                                <span> ￥${scheme.price}
                                    <!--商品的价格-->
                                </span>
                                </div>
                                <div class="classified-goods-cart" data-goodid="${scheme.id}" data-type="0"
                                     data-url="${base}/shop/scheme/content.jhtml?id=${scheme.id}">
                                    <span class="text-center">立即预约</span>
                                </div>
                            </div>
                        </div>
                    [/#if]
                    [#if m == 5] [#break] [/#if]
                [/#list]
            </div>
        </div>
    </div>
    [/#list]
[/@scheme_type_root_list]


<!--******分类商品部分******-->

[#assign z=0 /]
[@product_category_root_list count = 8]
    [#list productCategories as rootProductCategory]

        [#if rootProductCategory.id!=79]
            [#if rootProductCategory.id!=82]

                [#assign z=z+1 /]
            <div class="col-sm-12 col-md-12 col-lg-12 classified-goods" id="${rootProductCategory.id}">
                <div class="col-sm-12 col-md-12 col-lg-12 classified-goods-title">
                    <div class="container">
                        <div class="classified-goods-title-left">
                            <span>${rootProductCategory.name}</span>
                        </div>
                        <div class="classified-goods-title-angle">
                            <!--此处放图片-->
                        </div>
                        <div class="classified-goods-title-right">
                            <p><a href="${rootProductCategory.path}" target="_blank">查看更多... ...</a></p>
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="col-sm-12 col-md-12 col-lg-12 classified-goods-list">
                        [#assign x=0 /]
                        [#list rootProductCategory.getProducts() as product]
                            [#assign x=x+1 /]
                            <div class="classified-goods-info">
                                <!--${base}${product.path}-->  <!--商品链接-->
                                <a href="${product.path}" target="_blank">
                                    <div class="classified-goods-img">
                                        <img src="${product.image}">
                                    </div>
                                </a>
                                <div>
                                    <div class="classified-goods-detail">
                                        <p> ${product.name}<!--商品的规格信息--></p>
                                    </div>
                                </div>
                                <div>
                                    <div class="classified-goods-price">
                            <span> ￥${product.price}
                                <!--商品的价格-->
                            </span>
                                    </div>
                                    <div class="classified-goods-cart" data-goodid="${product.id}" data-type="1">
                                        <span class="text-center">加入购物车</span>
                                    </div>
                                </div>
                            </div>
                            [#if x == 5] [#break] [/#if]
                        [/#list]
                    </div>
                </div>
            </div>
                [#if z == 10][#break][/#if]
            [/#if]
        [/#if]
    [/#list]
[/@product_category_root_list]

<!--联盟商家部分-->
<div class="hidden-xs col-sm-12 col-md-12 col-lg-12" id="union-seller">
    <div class="col-sm-12 col-md-12 col-lg-12" id="union-seller-title">
        <div class="container">
            <!--此处放置的几个部分用绝对定位处理-->
            <img src="/resources/shop/images/16.png">

            <div>
                <p><span>联盟</span>商家</p>

                <p>原材料、能源和人力资源的配置</p>
            </div>
            <div>
                <p>企业价值链的升级换代品牌加盟</p>
            </div>
            <div id="all-union-sellers">
                <div><a href="/shop/scheme/list.jhtml?pageSize=10&type=14&brandId=38">前锋</a></div>
                <div><a href="/shop/scheme/list.jhtml?pageSize=10&type=105&brandId=56">三星</a></div>
                <div><a href="/shop/scheme/list.jhtml?pageSize=10&type=105&brandId=59">格力</a></div>
                <div><a href="/shop/scheme/list.jhtml?pageSize=10&type=105&brandId=19">三菱重工</a></div>
                <div><a href="/shop/scheme/list.jhtml?pageSize=10&type=105&brandId=58">美的</a></div>
                <div><a href="/shop/scheme/list.jhtml?pageSize=10&type=105&brandId=57">大金</a></div>
                <div><a href="/brand/content.jhtml?id=61">霍尼威尔</a></div>
                <div><a href="/brand/list.jhtml?bool=true">更多...</a></div>
            </div>
        </div>
    </div>
    <div class="col-sm-12 col-md-12 col-lg-12" id="union-seller-container">
        <div id="union-seller-content">
            <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 union-seller-info">
                <div class="union-seller-info-container">
                    <img src="/resources/shop/images/union_seller_qianfeng.jpg">

                    <div class="union-seller-introduce">

                        <p>建立于1958年，是我国第一个无线电测量仪器厂，最早研制和生产电子仪器的大型军工骨干企业之一。</p>

                    </div>
                    <a href="/brand/content.jhtml?id=38">进入商城&nbsp;<span>></span></a>
                </div>
            </div>
            <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 union-seller-info">
                <div class="union-seller-info-container">
                    <img src="/resources/shop/images/union_seller_meidi.jpg">

                    <div class="union-seller-introduce">

                        <p>世界500强企业，
                            自1999年进入行业以来，十年的发展已经成为国内中央空调厂家中品类最齐全的企业。</p>
                    </div>
                    <a href="/shop/scheme/list.jhtml?pageSize=10&type=105&brandId=58">进入商城&nbsp;<span>></span></a>
                </div>
            </div>
            <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 union-seller-info">
                <div class="union-seller-info-container">
                    <img src="/resources/shop/images/union_seller_sanxing.jpg">

                    <div class="union-seller-introduce">

                        <p>三星中央空调是三星集团的产品之一，而创新是三星业务永续发展的关键所在。</p>
                    </div>
                    <a href="/shop/scheme/list.jhtml?type=105&pageSize=10&acreage=&attribute=&brandId=56">进入商城&nbsp;<span>></span></a>
                </div>
            </div>
            <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 union-seller-info">
                <div class="union-seller-info-container">
                    <img src="/resources/shop/images/union_seller_sanling.jpg">

                    <div class="union-seller-introduce">

                        <p>作为全球领先的综合性制造商,三菱重工在航空航天、空气、冷热技术等领域有着深厚的技术研发底蕴。</p>
                    </div>
                    <a href="http://www.766home.com/brand/content/19.jhtml">进入商城&nbsp;<span>></span></a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="col-sm-12 col-md-12 col-lg-12" id="footer">
    <div class="container">
        <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2" id="footer-left">
            <div>
                <img src="/resources/shop/images/766home_icon2.png">

                <p>SMART HOME</p>

                <p>智能家</p>
            </div>
        </div>
        <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10" id="footer-right">
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
                    <a href="#">网站首页</a>
                </div>
                <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
                    <a href="#">关于智能家</a>
                </div>
                <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
                    <a href="#">服务项目</a>
                </div>
                <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
                    <a href="#">新闻动态</a>
                </div>
                <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
                    <a href="#">暖通常识</a>
                </div>
                <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
                    <a href="#">联系我们</a>
                </div>
            </div>
            <div class="col-xs-12 col-sm-12 col-lg-12">
                <p>Copyright @2016-2017 766智能家网上商城 版权所有</p>

                <p>蜀CP备16002064号</p>
            </div>
        </div>
    </div>
</div>

<div id="side-navigation" class="hidden-xs">
    <div id="btn-top">
        <img src="/resources/shop/images/my_766_icon.png">
    </div>
[@scheme_type_root_list]
    [#list schemeTypes.schemeTypesRootList as type]

        <div id="btn-to-${type.id}" class="scroll-btn" onclick="scrollToId('${type.id}');">
        ${type.title}
        </div>
    [/#list]
[/@scheme_type_root_list]
[#assign y=0 /]
[@product_category_root_list count = 8]
    [#list productCategories as rootProductCategory]
        [#if rootProductCategory.id!=79]
            [#if rootProductCategory.id!=82]
                [#assign y=y+1 /]
                <div id="btn-to-${rootProductCategory.id}" class="scroll-btn"
                     onclick="scrollToId('${rootProductCategory.id}');">
                ${rootProductCategory.name}
                </div>
                [#if y == 10] [#break] [/#if]
            [/#if]
        [/#if]
    [/#list]
[/@product_category_root_list]
    <div id="btn-to-union-seller" class="scroll-btn" onclick="scrollToId('union-seller-title');">
        联盟<br>商家
    </div>
    <div id="btn-to-top" onclick="scrollToId('start');">
        <img src="resources/shop/images/scroll_to_top.png">
    </div>
</div>

<!--所需的js部分-->
<script type="text/javascript" src="resources/shop/js/jQuery-jcContact.js"></script>
<script type="text/javascript" src="resources/shop/js/jquery.tools.js"></script>
<script type="text/javascript" src="resources/shop/js/jquery.jqzoom.js"></script>
<script type="text/javascript" src="resources/shop/js/jquery.validate.js"></script>
<script type="text/javascript" src="resources/shop/js/bootstrap.min.js"></script>
<script type="text/javascript" src="resources/shop/js/home.js"></script>
</body>
</html>